*{
	margin:0;
	padding: 0;
}
@function size($num) {
	@return $num / (7.5) +vw
}
#answrer{
	width: 100%;
	height: 100vh;
	.anSwiper{
		width: 100%;
		height: 100%;
		.swiper-wrapper{
			width: 100%;
			height: 100%;
			.swiper-slide{
				width: 100%;
				height: 100%;
				.title{
					width: 100%;
					padding: size(20);
					box-sizing: border-box;
					line-height: size(44);
					font-size: size(32);
					margin-top: size(50);
				}
				.result{
					margin-top: size(100);
					width: 100%;
					padding: 0 size(20);
					box-sizing: border-box;
					.option{
						width: 100%;
						border: 1px solid #000000;
						padding: 0 size(15);
						line-height: size(60);
						box-sizing: border-box;
						border-radius: size(16);
						margin-bottom: size(40);
						font-size: size(28);
						
					}
					.err{
						border-color: red;
						color: red;
						box-shadow: 1px 2px 4px red;
					}
					.success{
						border-color: green;
						color: green;
						box-shadow: 1px 2px 4px green;
					}
					.select{
						border-color: deepskyblue;
						color: deepskyblue;
						box-shadow: 1px 2px 4px deepskyblue;
					}
					.sumbit{
						width: size(400);
						height: size(70);
						text-align: center;
						line-height: size(70);
						font-size: size(28);
						margin: size(50) auto size(50);
						border: 1px solid #008000;
						border-radius: size(24);
					}
				}
			}
		}
	}
	.mask{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		background-color: rgba(0,0,0,.5);
		display: flex;
		align-items: center;
		justify-content: center;
		.maskTitle{
			padding: size(50);
			box-sizing: border-box;
			background-color: #FFFFFF;
			max-width: 60%;
			border-radius: size(12);
			overflow: hidden;
			p{
				font-size: size(28);
			}
			.result{
				font-size: size(32);
				width: 100%;
				height: size(60);
				line-height: size(60);
				text-align: center;
				border-top: 1px solid #000000;
			}
		}
	}
}